<script setup lang="ts">
import { useCounterStore } from '@/stores/counter'
const gameList = useCounterStore().gameList
const previewClick = (item: GameItemData) => {
  console.log(item)
  window.open('https://wxgame.keyuannet.com/english/papaw/web-mobile/index.html')
}
</script>

<template>
  <main>
    <div class="content">MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM</div>
  </main>
</template>
<style scoped>
.content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  /* justify-content: cent; */
  justify-content: space-between;

  .item {
    width: 120px;
    /* height: 160px; */
    /* margin: 10px; */
    text-align: center;
    img {
      display: block;
      width: 120px;
      height: 120px;
      border-radius: 10px;
    }
    .name {
      width: 120px;
      height: 40px;
      line-height: 40px;
      /* background-color: aqua; */
      font-size: 20px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .el-button {
      width: 100px;
    }
  }
}
</style>
